<template>
	<uni-popup ref="Tips_pop">
		<view class="Tips">
			<view class="black_1">
				温馨提示
			</view>
			<view class="black_2">
				<view class="text1">1.恶意下单传假图平台将予 <text style="color: #FE903D;">封号冻结资金</text> </view>
				<view class="text1">2.卖家同意后,<text style="color: #FE903D;">30分钟</text>内完成打款并<text style="color: #FE903D;">提交</text>  </view>
				<view class="text1">3.交易期间保持<text style="color: #FE903D;">手机畅通</text>并留意短信提醒  </view>
				<view class="text1">4.请<text style="color: #FE903D;">实名账户</text>打款否则卖家有权拒绝发货  </view>
				<view class="text1">5.<text style="color: #FE903D;">请确认本次购买的USDT单价</text>  </view>
			</view>
			<view class="black_3">
				<view class="left" @click="close()">取消</view>
				<view class="right" @click="sumbit()">下单</view>
			</view>
		</view>
	</uni-popup>
</template>

<script>
	export default {
		props:{
			success:{
				type:Function,
			}
		},
		name: "tipsType",
		data() {
			return {
				
			};
		},
		methods: {
			open() {
				this.$refs.Tips_pop.open('bottom')
			},
			close() {
				this.$refs.Tips_pop.close()
			},
			sumbit() {
				this.success()
				this.close()
			}
		}
	}
</script>

<style scoped lang="less">
	.Tips {
		background: #FFFFFF;
		border-radius: 28rpx 28rpx 0px 0px;
		padding: 10px 0px 30px 0px;
		.black_1 {
			font-size: 32rpx;
			font-weight: 800;
			color: #2A2A2A;
			text-align: center;
			font-size: 32rpx;
			font-weight: 800;
			color: #2A2A2A;
			padding: 10px;
			border-bottom: 1px solid #ECECEC;
		}
		
		.black_2{
			font-size: 28rpx;
			font-weight: 400;
			padding: 10px 10px;
			color: #333333;
			.text1{
				margin-bottom: 20px;
			}
		}
		
		.black_3{
			padding: 10px 20px;
			display: flex;
			justify-content: space-between;
			font-size: 35rpx;
			font-weight: bold;
			color: #333333;
			text-align: center;
			.left{
				
				width: 40%;
				padding: 10px;
				border-radius: 14rpx;
				border: 2rpx solid #F1F1F1;
			}
			
			.right{
				width: 40%;
				padding: 10px;
				background: #FE903D;
				border-radius: 14rpx;
				font-size: 35rpx;
				font-weight: bold;
				color: #FFFFFF;
			}
		}
	}
</style>